<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>

    <!-- 引入网页图标 -->
    <link rel="icon" href="../favicon.ico" mce_href="../favicon.ico" type="image/x-icon">
    <!-- 引入css文件夹下的comm.css样式文件 -->
    <link type="text/css" rel="stylesheet" href="../css/comm.css">
    <!-- 引入css文件夹下的member_login.css样式 -->
    <link href="../css/member_login.css" rel="stylesheet" type="text/css">
    <!-- 引入css文件夹下的font-awesome.min.css 这是字体样式-->
    <link href="../css/font-awesome.css" rel="stylesheet" />

</head>

<body>

    <div class="header">
        <div class="top">
            <div class="w1200 clearfix p">
                <div class="fl">
                    <a href="javascript:void(0);" rel="nofollow">花言巧语，1-2小时送达，全国配送！</a>
                </div>
                <!-- 页面跳转 -->
                <div class="fr">
                    <a href="登录.html" class="nologin">登录</a>
                    <a href="个人中心.html" class="haslogin" rel="nofollow">个人中心</a> |
                    <a href="注册.html" class="nologin" rel="nofollow">注册</a>
                    <a href="退出.html" class="haslogin" rel="nofollow">退出</a> |
                    <a href="订单查询.html">订单查询</a> |
                    <a href="常见问题.html" rel="nofollow">常见问题</a> |
                    <a href="关于我们.html" rel="nofollow">关于我们</a>
                    <a href="购物车.html" rel="nofollow" class="cart"> <span class="ico ico-cart"></span>购物车（<span
                            class="cart-num">0</span>）</a>
                </div>
            </div>
        </div>

        <!-- FLOWER图标 -->
        <div class="p-head clearfix">
            <h1 class="logo fl">
                <a href="index.html" title="花言巧语">
                    <img src="../images/txhua.png" alt="花言巧语" height="60px" />
                </a>
            </h1>

            <div class="nav fl">
                <ul class="nav_list clearfix">
                    <li class="curr"><a href="../index.html">首页</a></li>
                    <li><a href="/hua">全部鲜花</a></li>
                    <li><a href="/hualan">开业花篮</a></li>
                    <li><a href="/lvzhi">绿植专区</a></li>
                    <li><a href="/liping-1171-0-0-0">永生花</a></li>
                    <li><a href="/liping">礼品好物</a></li>
                </ul>
            </div>

            <div class="search fr">
                <div class="ss clearfix">
                    <div class="keyword fl">
                        <input name="keyword" id="keyword" placeholder="请输入您要搜索的商品" />
                    </div>
                    <span class="button fl"><img src="../images/搜索.png" class="ico ico-search"></img></span>
                </div>
            </div>

        </div>
    </div>

    <div id="append_parent"></div>
    <div id="ajaxwaitid"></div>

    <!-- 以上部分是基本样式 -->




    <div class="nc-login-layout">
        <div class="left-pic"><img src="../images/login.jpg"></div>
        <div class="nc-login">
            <div class="arrow"></div>
            <div class="nc-login-mode">
                <ul class="tabs-nav">
                    <li><a href="#default">用户登录<i></i></a></li>
                    <!-- <li><a href="#mobile">手机动态码登录<i></i></a></li> -->
                </ul>
                <div id="tabs_container" class="tabs-container">
                    <div id="default" class="tabs-content">
                        <form id="login_form" class="nc-login-form" method="post"
                            action="http://www.liloveyou.com/shop/?act=login&op=login">
                            <input type='hidden' name='formhash' value='e_Ga7QGXjQLc-FY_nUqc-AA20C9QGbp' /> <input
                                type="hidden" name="form_submit" value="ok" />
                            <input name="nchash" type="hidden" value="ecacfe7b" />
                            <dl>
                                <dt>账&nbsp;&nbsp;&nbsp;号：</dt>
                                <dd>
                                    <input type="text" class="text" autocomplete="off" name="user_name"
                                        tipMsg="可使用已注册的用户名或手机号登录" id="user_name">
                                </dd>
                            </dl>
                            <dl>
                                <dt>密 码：</dt>
                                <dd>
                                    <input type="password" class="text" name="password" autocomplete="off"
                                        tipMsg="6-20个大小写英文字母、符号或数字" id="password">
                                </dd>
                            </dl>
                            <div class="code-div mt15">
                                <dl>
                                    <dt>验证码：</dt>
                                    <dd>
                                        <input type="text" name="captcha" autocomplete="off" class="text w100"
                                            tipMsg="输入验证码" id="captcha" size="10" />
                                    </dd>
                                </dl>
                                <!-- 需要修改,验证码图片 -->
                                <span><img src="index.php?act=seccode&op=makecode&type=50,120&nchash=ecacfe7b"
                                        name="codeimage" id="codeimage"> <a class="makecode" href="javascript:void(0)"
                                        onclick="javascript:document.getElementById('codeimage').src='index.php?act=seccode&op=makecode&type=50,120&nchash=ecacfe7b&t=' + Math.random();">看不清，换一张</a></span>
                            </div>
                            <div class="handle-div">
                                <!-- <span class="auto"><input type="checkbox" class="checkbox" name="auto_login"
                                        value="1">七天自动登录<em style="display: none;">请勿在公用电脑上使用</em></span> -->

                                <!-- 这是忘记密码而新打开的页面 -->
                                <a class="forget" href="index.php?act=login&op=forget_password">忘记密码？</a>
                            </div>
                            <div class="submit-div">
                                <input type="submit" class="submit" value="登&nbsp;&nbsp;&nbsp;录">
                                <input type="hidden" value="" name="ref_url">
                            </div>
                            <div class="submit-div">
                                <!-- oclick是点击事件点击后跳转至某个页面 -->
                                <div class="turn-regist" onclick="go('/index.php?act=login&op=register')">立即注册</div>
                            </div>
                        </form>
                    </div>

                    <!-- <div id="mobile" class="tabs-content">
                        <form id="post_form" method="post" class="nc-login-form"
                            action="http://www.liloveyou.com/shop/index.php?act=connect_sms&op=login">
                            <input type='hidden' name='formhash' value='JVakMQSx5vWjNRpgMPEfxEKFUCmMQW3' /> <input
                                type="hidden" name="form_submit" value="ok" />
                            <input name="nchash" type="hidden" value="ecacfe7b" />
                            <dl>
                                <dt>手机号：</dt>
                                <dd>
                                    <input name="phone" type="text" class="text" id="phone" tipMsg="可填写已注册的手机号接收短信"
                                        autocomplete="off" value="">
                                </dd>
                            </dl>
                            <div class="code-div">
                                <dl>
                                    <dt>验证码：</dt>
                                    <dd>
                                        <input type="text" name="captcha" class="text w100" tipMsg="输入验证码"
                                            id="image_captcha" size="10" />

                                    </dd>
                                </dl>
                                <span><img src="index.php?act=seccode&op=makecode&type=50,120&nchash=ecacfe7b"
                                        title="看不清，换一张" name="codeimage" id="sms_codeimage"> <a class="makecode"
                                        href="javascript:void(0);"
                                        onclick="javascript:document.getElementById('sms_codeimage').src='index.php?act=seccode&op=makecode&type=50,120&nchash=ecacfe7b&t=' + Math.random();">看不清，换一张</a></span>
                            </div>

                            <div class="tiptext" id="sms_text">正确输入上方验证码后，点击<span> <a href="javascript:void(0);"
                                        onclick="get_sms_captcha('2')"><i
                                            class="icon-mobile-phone"></i>发送手机动态码</a></span>，查收短信将系统发送的“6位手机动态码”输入到下方验证后登录。
                            </div>
                            <dl>
                                <dt>动态码：</dt>
                                <dd>
                                    <input type="text" name="sms_captcha" autocomplete="off" class="text"
                                        tipMsg="输入6位手机动态码" id="sms_captcha" size="15" />

                                </dd>
                            </dl>
                            <div class="submit-div">
                                <input type="submit" id="submit" class="submit" value="登&nbsp;&nbsp;&nbsp;录">
                                <input type="hidden" value="" name="ref_url">
                            </div>
                            <div class="submit-div">
                                <div class="turn-regist" onclick="go('/index.php?act=login&op=register')">立即注册</div>
                            </div>
                        </form>
                    </div> -->


                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>





    <script type="text/javascript" src="../js/connect_sms.js"
        charset="utf-8"></script>
    <script>

        $(function () {
            //初始化Input的灰色提示信息
            $('input[tipMsg]').inputTipText({ pwd: 'password' });
            //登录方式切换
            $('.nc-login-mode').tabulous({
                effect: 'flip'//动画反转效果
            });
            var div_form = '#default';
            $(".nc-login-mode .tabs-nav li a").click(function () {
                if ($(this).attr("href") !== div_form) {
                    div_form = $(this).attr('href');
                    $("" + div_form).find(".makecode").trigger("click");
                }
            });

            $("#login_form").validate({
                errorPlacement: function (error, element) {
                    var error_td = element.parent('dd');
                    error_td.append(error);
                    element.parents('dl:first').addClass('error');
                },
                success: function (label) {
                    label.parents('dl:first').removeClass('error').find('label').remove();
                },
                submitHandler: function (form) {
                    ajaxpost('login_form', '', '', 'onerror');
                },
                onkeyup: false,
                rules: {
                    user_name: "required",
                    password: "required"
                    , captcha: {
                        required: true,
                        remote: {
                            url: 'index.php?act=seccode&op=check&nchash=ecacfe7b',
                            type: 'get',
                            data: {
                                captcha: function () {
                                    return $('#captcha').val();
                                }
                            },
                            complete: function (data) {
                                if (data.responseText == 'false') {
                                    document.getElementById('codeimage').src = 'index.php?act=seccode&op=makecode&type=50,120&nchash=ecacfe7b&t=' + Math.random();
                                }
                            }
                        }
                    }
                },
                messages: {
                    user_name: "<i class='icon-exclamation-sign'></i>请输入已注册的用户名或手机号",
                    password: "<i class='icon-exclamation-sign'></i>密码不能为空"
                    , captcha: {
                        required: '<i class="icon-remove-circle" title="验证码不能为空"></i>',
                        remote: '<i class="icon-remove-circle" title="验证码不能为空"></i>'
                    }
                }
            });

            // // 勾选自动登录显示隐藏文字
            // $('input[name="auto_login"]').click(function () {
            //     if ($(this).attr('checked')) {
            //         $(this).attr('checked', true).next().show();
            //     } else {
            //         $(this).attr('checked', false).next().hide();
            //     }
            // });


            $("#post_form").validate({
                errorPlacement: function (error, element) {
                    var error_td = element.parent('dd');
                    error_td.append(error);
                    element.parents('dl:first').addClass('error');
                },
                success: function (label) {
                    label.parents('dl:first').removeClass('error').find('label').remove();
                },
                submitHandler: function (form) {
                    ajaxpost('post_form', '', '', 'onerror');
                },
                onkeyup: false,
                rules: {
                    phone: {
                        required: true,
                        mobile: true
                    },
                    captcha: {
                        required: true,
                        minlength: 4,
                        remote: {
                            url: 'index.php?act=seccode&op=check&nchash=ecacfe7b',
                            type: 'get',
                            data: {
                                captcha: function () {
                                    return $('#image_captcha').val();
                                }
                            },
                            complete: function (data) {
                                if (data.responseText == 'false') {
                                    document.getElementById('sms_codeimage').src = 'index.php?act=seccode&op=makecode&type=50,120&nchash=ecacfe7b&t=' + Math.random();
                                }
                            }
                        }
                    },
                    sms_captcha: {
                        required: function (element) {
                            return $("#image_captcha").val().length == 4;
                        },
                        minlength: 6
                    }
                },
                messages: {
                    phone: {
                        required: '<i class="icon-exclamation-sign"></i>请输入正确的手机号',
                        mobile: '<i class="icon-exclamation-sign"></i>请输入正确的手机号'
                    },
                    captcha: {
                        required: '<i class="icon-remove-circle" title="请输入正确的验证码"></i>',
                        minlength: '<i class="icon-remove-circle" title="请输入正确的验证码"></i>',
                        remote: '<i class="icon-remove-circle" title="请输入正确的验证码"></i>'
                    },
                    sms_captcha: {
                        required: '<i class="icon-exclamation-sign"></i>请输入六位短信动态码',
                        minlength: '<i class="icon-exclamation-sign"></i>请输入六位短信动态码'
                    }
                }
            });
        });
    </script>

    <div class="footer">
        <div class="baozheng clearfix">
            <div class="fl s1"><span class="ico"></span>优质花材 品质保障</div>
            <div class="fl s2"><span class="ico"></span>急速配送 送货上门</div>
            <div class="fl s3"><span class="ico"></span>强大服务 售后无忧</div>
            <div class="fl s4"><span class="ico"></span>原创花艺 特色服务</div>
        </div>
        <div class="nav-art clearfix">
            <div class="fl art clearfix">

                <ul class="fl">
                    <li class="tit">购物相关</li>
                    <li class="list"><a href="品牌服务.html" rel="nofollow">品牌服务</a></li>
                    <li class="list"><a href="购物流程.html" rel="nofollow">购物流程</a></li>
                    <li class="list"><a href="注册会员.html" rel="nofollow">注册会员</a></li>
                    <li class="list"><a href="每季鲜花.html" rel="nofollow">每季鲜花</a></li>
                </ul>

                <ul class="fl">
                    <li class="tit">配送方式</li>
                    <li class="list"><a href="配送范围.html" rel="nofollow">配送范围</a></li>
                    <li class="list"><a href="定时配送.html" rel="nofollow">定时配送</a></li>
                    <li class="list"><a href="配送说明.html" rel="nofollow">配送说明</a></li>

                </ul>
                <ul class="fl">
                    <li class="tit">售后服务</li>
                    <li class="list"><a href="投诉说明.html" rel="nofollow">投诉说明</a></li>
                    <li class="list"><a href="鲜花售后服务.html" rel="nofollow">鲜花售后服务</a></li>
                    <li class="list"><a href="绿植售后服务.html" rel="nofollow">绿植售后服务</a></li>
                    <li class="list"><a href="/article-47.html" rel="nofollow">蛋糕售后服务</a></li>
                </ul>
                <ul class="fl">
                    <li class="tit">帮助中心</li>
                    <li class="list"><a href="关于我们.html" rel="nofollow">关于我们</a></li>
                    <li class="list"><a href="安全条款.html" rel="nofollow">安全条款</a></li>
                    <li class="list"><a href="隐私条款.html" rel="nofollow">隐私条款</a></li>
                    <li class="list"><a href="购买须知.html" rel="nofollow">购买须知</a></li>
                </ul>
            </div>
            <div class="fl link">
                <div class="link-tel">
                    4008-039-006 </div>
                <div class="link-tel-desc">
                    全国订购热线
                </div>
                <div class="link-zx zxnow">
                    立即咨询
                </div>
                <div class="link-zx-desc">
                    客服工作时间：09:00 - 21:00
                </div>
            </div>
        </div>

        <div class="ic-info">
            德州唯美电子商务有限公司 <br />
            山东省德州市经济技术开发区袁桥镇东方红东路6596号(中元科技创新创业园)<br />
            www.liloveyou.com 版权所有 <a href="https://beian.miit.gov.cn/" rel="nofollow"
                title="安全网站工商备">鲁ICP备2022002290号-4</a>
        </div>
    </div>

</body>

</html>